﻿<script setup lang="ts">
import Header from '@/components/common/Header.vue'
import Footer from '@/components/common/Footer.vue'
</script>

<template>
    <Header />
    <main class="main-content">
      <router-view />
    </main>
    <Footer />
</template>

<style>
.main-content {
  flex: 1;
  min-height: calc(100vh - 200px);
  background: var(--bg-primary);
}

.el-backtop {
  background: var(--gradient-primary) !important;
  color: var(--text-light) !important;
  box-shadow: var(--shadow-medium) !important;
}

.el-backtop:hover {
  background: var(--gradient-primary) !important;
  transform: scale(1.1);
}
</style>
